<template>
    <div>
        <el-row class="tac">
            <el-col :span="12">
                <span style="font-weight: bold;font-size: 2em;color: #fff;">上 海 杉 达 学 院 学 生 成 绩 管 理 系 统</span>
            </el-col>
            <el-col :span="12">
                <el-menu class="el-menu-demo"
                         mode="horizontal"
                         @select="handleSelect"
                         background-color="#545c64"
                         text-color="#fff"
                         active-text-color="#ffd04b"
                         style="margin-top:10px;width: 100%;height: 65px;">
                    <el-submenu style="float: right" index="1">
                        <template slot="title">{{typeName}}：{{name}} ，id：{{id}}</template>
                        <!--管理员id为0为超级管理员，可以对管理员进行管理-->
                        <el-menu-item v-if="type === 'admin' && id==='0'" index="1-1">管理员管理</el-menu-item>
                        <el-menu-item index="1-2">修改密码</el-menu-item>
                        <el-menu-item index="1-3">退出登录</el-menu-item>
                    </el-submenu>
                </el-menu>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                type:'',
                typeName:'',
                name: '',
                id: ''
            };
        },
        created(){
            //从sessionStorage中取出user转成JSON对象
            this.type = JSON.parse(sessionStorage.getItem("type"))
            switch(this.type){
                case 'admin':   this.typeName = '管理员';  break;
                case 'teacher': this.typeName = '教师';   break;
                case 'student': this.typeName = '学生';   break;
                default: this.logOut();
            }
            this.name = JSON.parse(sessionStorage.getItem("name"))
            this.id = JSON.parse(sessionStorage.getItem("id"))
        },
        methods: {
            handleSelect(key) {
                switch(key){
                    case '1-1' : this.adminMGMT(); break;      //管理员管理
                    case '1-2' : this.changePassword(); break;      //修改密码
                    case '1-3' : this.logOut(); break;              //退出登录
                }
            },
            adminMGMT(){//进入管理员管理页面
                this.$router.push('/admin/adminMGMT');
            },
            changePassword(){//修改密码
                this.$router.push('/' + this.type + '/changePwd');
            },
            logOut(){//退出登录
                sessionStorage.clear();//清除session
                this.$router.push('/');
            }
        }
    }
</script>

<style scoped>

</style>